﻿/* 保险柜首页（未登录）样式开始 */
.onchainIndexBg{
  background: url("../images/onchainindexbg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
  width: 100%;
  height:600px;
  overflow: hidden;
}
.onchainIndexTop{
  width:980px;
  margin:0 auto;
  text-align:center;
  color:#ffffff;
  padding-top:120px;
}
.onchainIndexTop h1{
  font-size:50px;
  line-height:50px;
}
.onchainIndexTop h3{
  font-size:16px;
  line-height:16px;
  margin:30px 0;
}
.onchainIndexTop .btn{
  width:200px;
  height:56px;
  line-height:56px;
  font-size:18px;
}
.indexContentBg{
  background:#ffffff;
  width: 100%;
}
.indexContent{
  width:920px;
  height:440px;
  margin:0 auto;
  text-align:center;
  padding-top:60px;
}
.indexContent h1{
  font-size:36px;
  line-height:36px;
}
.indexContent h3{
  font-size:16px;
  line-height:16px;
  margin:30px 0 70px;
}
.indexContent .module{
  width:260px;
  margin-right:70px;
  float:left;
}
.indexContent .module .title{
  font-size:24px;
  line-height:24px;
  margin:30px 0 20px;
}
.indexContent .module .explian{
  line-height:24px;
}
/*保险柜首页（未登录）样式结束 */

/* 保险柜首页样式开始 */
.safeIndexTop{
  background:#f0f3f5;
  margin:60px auto 0;
  width:1000px;
  text-align:center;
}
.safeIndexTop .userPhoto{
  display:inline-block;
  width:70px;
  height:70px;
  cursor: pointer;
}
.safeIndexTop .userPhoto img{
  width:100%;
  height:100%;
  border-radius: 50%;
}
.safeIndexTop .toalWord{
  font-size:12px;
  line-height:12px;
  margin:6px 0 16px;
}
.safeIndexTop .accoutMoney span{
  dipsplay:inline-block;
/*   margin-right:35px; */
  color:#10ac86;
  font-size:26px;
  font-weight:bold;
}
.safeIndexTop .accoutMoney .addImg{
  background-position:0 -4366px;
  width:10px;
  height:20px;
  margin:0 20px 0 15px;
}
.safeIndexTop .accoutMoney label{
  font-size: 12px;
  font-weight: normal;
}
.safeIndexTop .accoutTotal{
  font-size:24px;
  margin:12px 0 28px;
}
.safeIndexTop .accoutBut .btn{
  width:150px;
  margin-right:16px;
}
.indexTab .date{
  width:100px;
  padding-right:20px;
}
.indexTab .toFrom{
  width:100px;
}
.indexTab .address{
	width:380px
}
.indexTab .amount{
  width:170px;
}
.indexTab .status{
  width:100px;
}
.indexTab .action a{
  color:#10ac86;
}
.indexTab .symbol{
  display:inline-block;
  width:12px;
}
/*保险柜首页样式结束 */

/* 保险柜交易记录页面样式开始 */
.searchContent{
  height:90px;
  line-height:90px;
}
.searchContent .spanName{
  display:inline-block;
  margin-right:15px;
  line-height:30px;
}
.searchContent .searchPut{
  width:88px;
  padding-left:10px;
  border:1px solid #d2d5d9;
  line-height:28px;
  height:28px;
}
.searchContent div.selOuterContent{
  position: relative;
  display: inline;
}
.searchContent span.sel {
  background-position: 85px -12px;
  height: 30px;
  line-height: 30px;
  width: 90px;
  padding-left:10px;
  border:1px solid #d2d5d9;
  vertical-align: middle;
}
.searchContent span.sel:hover ,.searchContent span.seled {
  background-position: 85px -12px;
  width: 90px;
  padding:0 0 0 10px;
  margin:0px 10px;
  radius:0px;
}
.searchContent .selContent{
  top:23px;
  left:10px;
  width: 100px;
  max-height: 320px;
}
.searchContent .safeContent{
  top:26px;
  left:64px;
}

.searchContent .selContent li{
  margin-top:0px;
}
.searchContent .btn{
  height:30px;
/*   line-height:30px; */
  width:100px;
  font-size:14px;
}
.searchContent .right-20{
  margin-right:22px;
}
/* 保险柜交易记录页面样式结束 */